<template>
	<view class="messageDetail">
		<view class="form_title">工单信息</view>
		<view class="form_list">
			<view class="form_item">
				<view class="item_title">优先级</view>
				<view class="item_con">
					一般
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">受理人</view>
				<view class="item_con">
					哈哈哈(1111)
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">来源</view>
				<view class="item_con">
					其他
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">分类</view>
				<view class="item_con">
					注册-开分店
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">工单详情</view>
				<view class="item_con">
					开分店
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">图片</view>
				<view class="item_con blueLight">
					查看图片(3)
				</view>
			</view>
		</view>
		<view class="form_title">商户信息</view>
		<view class="form_list">
			<view class="form_item">
				<view class="item_title">UID</view>
				<view class="item_con">
					1234546
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">姓名</view>
				<view class="item_con">
					叮叮当
				</view>
			</view>
			<view class="form_item">
				<view class="item_title">电话</view>
				<view class="item_con blueLight">1234556</view>
			</view>
			<view class="form_item form_item_adr">
				<view class="item_title">地址</view>
				<view class="item_con">
					广东省深圳市南山区蛇口美年广场
				</view>
			</view>
		</view>
		<view style="height: 110rpx;"></view>
		<view class="footer">
			<button type="primary" @click="aaa">受理确认</button>
		</view>
		<u-modal v-model="show" title="受理确认" :zoom="false" :show-cancel-button="true" confirm-text="确定">
			<view class="confirmModal">
				<view class="confirmModal_remark">
					<input type="text" value="" placeholder="受理说明*" placeholder-style="color:#CCCCCC"/>
				</view>
				<view class="confirmModal_time">
					<view class="">
						处理时间<text class="redfont">*</text>
					</view>
					<input type="text" value="" placeholder="请输入天数" placeholder-style="color:#CCCCCC" />
				</view>
				<view class="confirmModal_remark">
					<input type="text" value="" placeholder="完成说明*" placeholder-style="color:#CCCCCC"/>
				</view>
				<view class="confirmModal_pushImg blueLight">上传图片</view>
			</view>
		</u-modal>
	</view>
</template>

<script>
	import {  } from '../../api/index.js'
	export default {
		data() {
			return {
				show:false,
				
			}
		},
		onLoad:function(data){
			
		},
		methods: {
			aaa:function(){
				this.show = true;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.messageDetail{
		position: relative;
		height: 100%;
		background-color: #F5F5F5;
		.form_title{
			padding: 20rpx 30rpx;
			color: #999999;
		}
		.form_list{
			padding: 0 30rpx;
			background-color: #FFFFFF;
			.form_item{
				display: flex;
				justify-content: space-between;
				padding: 30rpx 0;
				border-bottom: 1rpx solid #E5E5E5;
				&.form_item_adr{
					display: block;
					.item_title{
						margin-bottom: 10rpx;
					}
				}
				&:nth-last-child(1){
					border: none;
				}
				.item_title{
					color: #999999;
				}
				.item_con{
					
				}
			}
		}
		.blueLight{
			color: #007AFF;
			text-decoration: underline;
		}
		.confirmModal{
			padding: 30rpx;
			input{
				border-radius: 4rpx;
				padding: 10rpx 20rpx;
				background-color: #F5F5F5;
				border: 1rpx solid #CCCCCC;
			}
			.confirmModal_time{
				display: flex;
				align-items: center;
				margin-top: 20rpx;
			}
			.confirmModal_pushImg{
				text-align: center;
				padding-top: 20rpx;
			}
		}
		.footer{
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			padding: 10rpx 30rpx 30rpx 30rpx;
			background-color: #FFFFFF;
			button{
				font-size: $uni-font-size-base;
			}
		}
	}
</style>
